body {
    background: url("bg.gif") repeat scroll 0 0 #787878;
    font-family: "Arial","Helvetica","Verdana","sans-serif";
	font-size: 12px;
	border: 0px !important;
    min-height: 100%;
}

h4 {
	margin-bottom: 0.4em;
}

a {
	color: #336699;
	text-decoration: none;
}

pre {
	background-color: #eee;
}

hr {
	color: #6699cc;
}

#wrapper {
    margin: 0 auto;
    position: relative;
    width: 956px;
}

#wrapper-header {
	margin: 4px;
	padding: 10px;
}

#wrapper-menu {
	margin: 4px;
	background-image: none;
}

#wrapper-menu .ui-widget-header {
	margin: 10px 0 0 0;
	padding: 4px;

	font-size: 1.4em;
}

#wrapper-menu .ui-widget-content {
	margin: 1px 0 0 0;
	padding: 4px;

	font-size: 1.2em;
}

#wrapper-menu a, #content-menu em {
	color: #336699;
	display: block; 
}

#wrapper-panel {
	margin: 4px;
	padding: 10px;
	vertical-align: top;
	background-color: #fff;
}

#wrapper-panel-frame {
	padding: 4px;
	min-height: 100px;
	background-color: #eee;
	border: 1px solid #aaa;
}

#wrapper-panel-links {
	
}

#wrapper-panel-links a {
	font-size: 1.1em;
}

#wrapper-panel-description {
	
}

#wrapper-panel-source {
	font-size: 12px;
    overflow: auto;
	max-width: 720px;
}

#wrapper-panel-source .ui-tabs-panel {
	font-size: 0.9em;
	max-height: 480px;
	overflow: auto;
}


#wrapper-footer {
	margin: 4px;
	padding: 3px;
}

.top {
	vertical-align: top;	
}

.float-right {
	float: right;
}

/* Overrides jquery-ui */
.ui-widget {
    font-size: 1.0em !important;
}
